import React, { Component } from 'react'
class Third extends Component {
  render () {
    return (
      <div>
        33333 - { this.props.name }

      </div>
    )
  }
}
const Second = (props) => {
  return (
    <div>
      222222
      <Third name={ props.name } />
    </div>
  )
}
class First extends Component {
  render () {
    return (
      <div>
        1111
        <Second name={ this.props.name }/>
      </div>
    )
  }
}
export default class App extends Component {
  render() {
    return (
      <div>
        <First name="传家宝"/>
      </div>
    )
  }
}
